
	
	  // 判断是否横屏
	  (function(){
		var init = function(){
			var updateOrientation = function(){
				var h = document.documentElement.clientHeight;
				var w = document.documentElement.clientWidth;
				var orientation = window.orientation;
				switch(orientation){
					case 90:
					case -90:
						orientation = 'landscape'; //这里是横屏
						document.querySelector('#app').style.height = h +'px' ;
						document.querySelector('#app').style.width = w +'px';
		
						// document.querySelector('#app').style.transform ='rotate(0deg)';
						$('#app').css('transform-origin', w / 2 + "px " + w / 2 + "px");


						break;
					default:
						orientation = 'portrait';  //这里是竖屏
						
						document.querySelector('#app').style.height = w +'px' ;
						document.querySelector('#app').style.width = h +'px';
						// document.querySelector('#app').style.transform ='rotate(90deg)';
						// alert('为了更好的用户体验请打开横屏模式');
						$('#app').css('transform-origin', w / 2 + "px " + w / 2 + "px");
					
					
						// alert('这是竖屏'+'这是宽度'+w+'这是高度'+h);
						break;
				}
	
				//html根据不同的旋转状态，加上不同的class，横屏加上landscape，竖屏
				//加上portrait
				document.body.parentNode.setAttribute('class',orientation);
			};
	
			// 每次旋转，调用这个事件。
			window.addEventListener('orientationchange',updateOrientation,false);
			setInterval(updateOrientation,10);
			// 事件的初始化
			updateOrientation();
		};
	
		window.addEventListener('DOMContentLoaded',init,false);
	})();
	

